<template>
	<div class="mine">
		<div class="mine-detail">
			<div class="per ">
				<template v-if="isLogin!=''">
					<image class="user-face"
						src="https://img12.360buyimg.com/imagetools/jfs/t1/196430/38/8105/14329/60c806a4Ed506298a/e6de9fb7b8490f38.png" />

					<div class="user-info ">
						<!-- <div class="name">小猪佩奇奇妙冒险</div> -->
						<!-- 	<div>
							<nut-tag plain>学生特权11</nut-tag>
						</div> -->

						<div class="name">{{phone}}</div>
					</div>
				</template>

				<template v-else>
					<image class="user-face"
						src="https://img12.360buyimg.com/imagetools/jfs/t1/196430/38/8105/14329/60c806a4Ed506298a/e6de9fb7b8490f38.png" />

					<div class="user-info-login " @click="userlogin">
						<div class="name"><text>登录/注册</text> <text class="iconfont icon-xiangyoujiantou"></text> </div>

					</div>
				</template>

			</div>
			<!-- <div class="setup">
				<nut-icon name="setting" size="28rpx"></nut-icon>
			</div> -->
		</div>
		<div class="mine-order">
			<div class="operation-list flex">
				<!-- <div v-for="(item, index) in operationOrder" class="operation-item" :key="index">
					<nut-badge class="badge" right="10" :value="item.badge" v-if="item.badge">
						<image class="icon" :src="'/static/mine/' + item.icon + '.png'" />
						<div>{{ item.name }}</div>
					</nut-badge>
					<div v-else>
						<image class="icon" :src="'/static/mine/' + item.icon + '.png'" />
						<div>{{ item.name }}</div>
					</div>
				</div> -->
				<!-- <div class="operation-item">
					<image class="icon" src="/static/mine/order.png" />
					<div>我的订单</div>
					<div class="tips">查看发票</div>
				</div> -->
			</div>

			<view class="balance-info" v-if="isLogin!=''">
				<view class="balance">
					<view class="yue">我的余额</view>
					<view class="amount">
						<text class="money">￥</text>
						<text class="numb">{{account}}</text>
					</view>
				</view>
				<view class="commission">
					<view class="commission-balance">
						<text class="commission-balance1">佣金</text>
						<text class="amount">￥0.00</text>
					</view>
				</view>
				<view class="butt">
					<view class="recharge-btn" @click="nowRecharge">立即充值</view>
				</view>
			</view>

			<!-- 订单 -->
			<view class="z_index2 order">
				<view class="flex_r fa_c order-title">
					<view class="flex1 text_32">我的订单</view>
					<view class="flex_r_c">
						<view class="text_26 text_colour_9">全部</view>
						<view class="flex_c_c order-title-icon">
							<image class="wh_100" src="../../static/user/-right.png" mode="aspectFill">
							</image>
						</view>
					</view>
				</view>
				<view class="flex_r fa_c order-list">
					<view class="flex1 flex_c_c order-item" @click="toPyeOrder(7)">

						<view class="order-item-icon">
							<view class="text_20 text_colour_white flex_r_c order-item-str"
								v-if="isLogin!='' && waitOrderData!=0">{{waitOrderData}}</view>
							<image class="wh_100" src="../../static/user/dfk.png" mode="aspectFill">
							</image>
						</view>
						<view class="text_26 text_colour_5">待接单</view>
					</view>
					<view class="flex1 flex_c_c order-item" @click="toPyeOrder(3)">
						<view class="order-item-icon">
							<view class="text_20 text_colour_white flex_r_c order-item-str"
								v-if="isLogin!='' && waitTakeOutData !=0 ">{{waitTakeOutData}}</view>
							<image class="wh_100" src="../../static/user/dfh.png" mode="aspectFill">
							</image>
						</view>
						<view class="text_26 text_colour_5">待自取</view>
					</view>
					<view class="flex1 flex_c_c order-item" @click="toPyeOrder(5)">
						<view class="order-item-icon">
							<view class="text_20 text_colour_white flex_r_c order-item-str" v-if="isLogin!='' && completeOrder !=0 ">{{completeOrder}}</view>
							<image class="wh_100" src="../../static/user/dsh.png" mode="aspectFill">
							</image>
						</view>
						<view class="text_26 text_colour_5">已完成</view>
					</view>
					<view class="flex1 flex_c_c order-item">
						<view class="order-item-icon">
							<image class="wh_100" src="../../static/user/sh.png" mode="aspectFill">
							</image>
						</view>
						<view class="text_26 text_colour_5">售后</view>
					</view>
				</view>
			</view>


			<div class="order-message flex">
				<div>
					<image class="goods-image"
						src="https://m.360buyimg.com/n2/jfs/t1/201010/7/13094/133768/61694f3fE609d4f5e/5cbe7975e8f135f1.jpg" />
				</div>
				<div class="order-into">
					<div>等待上传资料</div>
					<div class="tips">您已提交订单，请等待系统确认</div>
				</div>
			</div>
		</div>

		<!-- 	<div class="mine-pin flex">
			<div class="pin-item" v-for="(item, index) in pinList" :key="index">
				<div class="pin-item-value">{{ item.value }}</div>
				<div class="pin-item-label">{{ item.label }}</div>
			</div>
		</div> -->
		<!-- 	<div class="mine-tools flex">
			<div class="entry-item" v-for="(item, index) in entryList" :key="index">
				<image class="entry-item-icon" :src="item.icon" />
				<div class="entry-item-label">{{ item.label }}</div>
			</div>
		</div> -->



		<view class="service-box">
			<view class="font-size-lg text-color-base font-weight-bold" style="margin-bottom: 20rpx;">我的服务</view>
			<view class="row">
				<view class="grid" @tap="attendance">
					<view class="image">
						<view class="iconfont icon-jifenqiandao"></view>
					</view>
					<view class="text">积分签到</view>
				</view>
				<view class="grid">
					<view class="image">
						<view class="iconfont icon-mbe-aixin"></view>
					</view>
					<view class="text">送她心愿</view>
				</view>
				<view class="grid">
					<view class="image">
						<view class="iconfont icon-shangdian"></view>
					</view>
					<view class="text">商城</view>

				</view>
				<view class="grid">
					<view class="image">
						<view class="iconfont icon-kefu1"></view>
					</view>
					<view class="text">联系客服</view>

				</view>
				<view class="grid">
					<view class="image">
						<view class="iconfont icon-dingdan1"></view>
					</view>
					<view class="text">我的订单</view>

				</view>
				<view class="grid" @click="myInfo">
					<view class="image">
						<view class="iconfont icon-wodeziliao"></view>
					</view>
					<view class="text">我的资料</view>

				</view>
				<view class="grid" @click="toMyAddress">
					<view class="image">
						<view class="iconfont icon-dizhi"></view>
					</view>
					<view class="text">收货地址</view>

				</view>
				<view class="grid">
					<view class="image">
						<view class="iconfont icon-gengduofuwu"></view>
					</view>
					<view class="text">更多服务</view>

				</view>

			</view>

		</view>

		<!-- <div class="min-recommend">
			<nut-card v-for="(item,index) in goodsList" :key="index" :img-url="item.imgUrl" :title="item.title" class="goods-item" :price="item.price" :vipPrice="item.vipPrice"
				:shopDesc="item.shopDesc" :delivery="item.delivery" :shopName="item.shopName"></nut-card>

		</div> -->
	</div>
</template>

<script setup>
	import {
		ref,
		onMounted,
		computed,
		onBeforeMount
	} from 'vue'
	import {
		userInfo
	} from '../../stores/userInfo'
	import {
		onLoad,
		onShow,
		onUnload
	} from '@dcloudio/uni-app';

	let UserInfo = userInfo()

	// 获取用户的手机号
	let phone = computed(() => {
		// 示例
		const phoneNumber = UserInfo.userinfoData ? UserInfo.userinfoData.phoneNumber : null;
		const formattedNumber = formatPhoneNumber(phoneNumber);
		console.log(formattedNumber); // 输出: 187****2314
		return formattedNumber

	})

	let toPyeOrder = (data) => {
		if(isLogin.value==''){
			userlogin()
		}else{
			uni.navigateTo({
				url: "/pages/mine/specialOrder",
				success: function(res) {
					// 通过eventChannel向被打开页面传送数据
					res.eventChannel.emit('getorderType', {
						type:data
					})
				}
			})
		}
		
	
		
	}

	//判断是否是登录状态
	let isLogin = computed(() => {
		// 示例
		const wxLoginCode = UserInfo.userinfoData?.wxLoginCode;
		// const formattedNumber = formatPhoneNumber(phoneNumber);
		// console.log(formattedNumber); // 输出: 187****2314
		// console.log(wxLoginCode,UserInfo.userinfoData?.wxLoginCode,"登录凭证")
		return wxLoginCode ? wxLoginCode : ""

	})


	const operationOrder = ref([{
			name: '待付款',
			icon: 'pay',
		},
		{
			name: '待收货',
			icon: 'list',

		},
		{
			name: '待评价',
			icon: 'evaluate',
			badge: 12
		},
		{
			name: '退款/售后',
			icon: 'refund',
			badge: 2
		},
	])
	const pinList = ref([{
			label: '银子',
			key: 'money',
			value: '121'
		},
		{
			label: '优惠券',
			key: 'coupon',
			value: '3'

		},
		{
			label: '商品收藏',
			key: 'collect',
			value: '0'
		},
		{
			label: '店铺关注',
			key: 'favorite',
			value: '10'
		},
		{
			label: '浏览记录',
			key: 'log',
			value: '107'
		},
	])


	const entryList = ref(
		[{
			label: '五折专区',
			icon: "https://img10.360buyimg.com/imagetools/s100x100_jfs/t1/171408/20/5251/89724/601919feE621f66a5/79fd92576b72cfd4.gif"
		}, {
			label: '手机通讯',
			icon: "https://img12.360buyimg.com/imagetools/s100x100_jfs/t1/135346/37/5276/9667/5f1a50a3E51cf1d21/2831b07712127aaa.png"
		}, {
			label: '米面粮油',
			icon: "https://img30.360buyimg.com/imagetools/s100x100_jfs/t1/112915/31/1239/9586/5e9586eaE549f1ecb/75ee4f10fdb43a1d.png"
		}, {
			label: '时令生鲜',
			icon: "https://img12.360buyimg.com/imagetools/s100x100_jfs/t1/128638/35/7916/14107/5f1a50a3E316b5020/e25dd3e7d15c835d.png"
		}, {
			label: '酒水饮料',
			icon: "https://img11.360buyimg.com/imagetools/s100x100_jfs/t1/126267/19/7965/10474/5f1a50a3E9dbf8c1e/1ccdc3b1f6f14fe7.png"
		}, {
			label: '烹饪厨具',
			icon: "https://img20.360buyimg.com/imagetools/s100x100_jfs/t1/136473/9/5269/10071/5f1a50a3E211837ab/88345f88c8242cd3.png"
		}, {
			label: '美妆护肤',
			icon: "https://img10.360buyimg.com/imagetools/s100x100_jfs/t1/142203/8/3785/10276/5f1a50a3E7b0efbc5/b156c58c52dc734d.png"
		}, {
			label: '清洁纸品',
			icon: "https://img11.360buyimg.com/imagetools/s100x100_jfs/t1/138185/13/3701/9381/5f1a50a3Ea36e2578/ad39b6bd9007c009.png"
		}, {
			label: '床上用品',
			icon: "https://img11.360buyimg.com/imagetools/s100x100_jfs/t1/122764/9/7920/11265/5f1a50a3Ea5580ddb/7dd7b2b5fc497e4b.png"
		}, {
			label: '钟表奢品',
			icon: "https://img13.360buyimg.com/imagetools/s100x100_jfs/t1/122338/17/8034/12430/5f1a50a3Ec3d71123/84f59b915f232b5b.png"
		}, ])

	const goodsList = ref(
		[{
			imgUrl: '//img10.360buyimg.com/n2/s240x240_jfs/t1/210890/22/4728/163829/6163a590Eb7c6f4b5/6390526d49791cb9.jpg!q70.jpg',
			title: '活蟹】湖塘煙雨 阳澄湖大闸蟹公4.5两 母3.5两 4对8只 鲜活生鲜螃蟹现货水产礼盒海鲜水',
			price: '388',
			vipPrice: '378',
			shopDesc: '自营',
			delivery: '厂商配送',
			shopName: '阳澄湖大闸蟹自营店>'
		}, {
			imgUrl: '//img10.360buyimg.com/n2/s240x240_jfs/t1/210890/22/4728/163829/6163a590Eb7c6f4b5/6390526d49791cb9.jpg!q70.jpg',
			title: '活蟹】湖塘煙雨 阳澄湖大闸蟹公4.5两 母3.5两 4对8只 鲜活生鲜螃蟹现货水产礼盒海鲜水',
			price: '388',
			vipPrice: '378',
			shopDesc: '自营',
			delivery: '厂商配送',
			shopName: '阳澄湖大闸蟹自营店>'
		}, {
			imgUrl: '//img10.360buyimg.com/n2/s240x240_jfs/t1/210890/22/4728/163829/6163a590Eb7c6f4b5/6390526d49791cb9.jpg!q70.jpg',
			title: '活蟹】湖塘煙雨 阳澄湖大闸蟹公4.5两 母3.5两 4对8只 鲜活生鲜螃蟹现货水产礼盒海鲜水',
			price: '388',
			vipPrice: '378',
			shopDesc: '自营',
			delivery: '厂商配送',
			shopName: '阳澄湖大闸蟹自营店>'
		}, ]);



	let waitOrderData = ref(0)
	let waitTakeOutData = ref(0)
	let completeOrder = ref(0)

	let formatPhoneNumber = (phone) => {
		// 检查电话号码是否有效（假设为11位数字）
		// if (!/^\d{11}$/.test(phone)) {
		//     return "无效的电话号码";
		// }
		// 截取前三位和后四位，中间用****代替
		if (phone) {
			return phone.replace(/(\d{3})\d{4}(\d{4})/, "$1****$2");
		} else {
			return ""
		}

	}

	//获取用户的账户

	let account = computed(() => {
		if (UserInfo.wxUserAccount?.balance) {
			// console.log(UserInfo.wxUserAccount, "UserInfo.wxUserAccount")
			return UserInfo.wxUserAccount.balance
		} else {
			// console.log(UserInfo.wxUserAccount, "UserInfo.wxUserAccount")
			return 0

		}
	})


	// 用户充值
	let nowRecharge = () => {
		console.log("充值")
		uni.navigateTo({
			url: '/pages/mine/recharge'
		})
	}


	//用户登录页面
	let userlogin = () => {
		// console.log("登录")
		uni.navigateTo({
			url: '/pages/login/login'
		})
	}

	// 我的信息
	let myInfo = () => {
		uni.navigateTo({
			url: '/pages/mine/userinfo'
		})
	}

	// 我的地址
	let toMyAddress = () => {
		uni.navigateTo({
			url: '/pages/mine/addressList'
		})
	}

	onMounted(() => {
		//获取本地的用户信息
		// console.log("我是你爹")

	})

	//这是待接单的
	// let waitOrderData = computed(()=>{
	// 	console.log(UserInfo.getOrderType(7))  
	// 	return 2
	// })

	// onBeforeMount(()=>{
	// 	 console.log("我是你爹")
	// })
	// onLoad(()=>{
	// 	UserInfo.userLogin()
	// 	console.log("问题所在")
	// })

	onShow(async () => {
		UserInfo.userLogin()
		setTimeout(() => {
			if (UserInfo.userinfoData?.wxLoginCode) {
				UserInfo.getOrdersByWxuserId({
					wxLoginCode: UserInfo.userinfoData.wxLoginCode
				})
				console.log("111111")


				setTimeout(()=>{
					waitOrderData.value = UserInfo.getOrderType(7)
					waitTakeOutData.value = UserInfo.getOrderType(3)
					completeOrder.value = UserInfo.getOrderType(5)
					// console.log(UserInfo.getOrderType(3), "UserInfo.getOrderType(3)")
				},100)




				UserInfo.getAccountBalance({
					userId: isLogin.value
				})
			}
		}, 100); // 2000毫秒 = 2秒
		// console.log("我日死你妈")



	})
</script>



<style>
	page {
		background: #f2f2f2;
		color: #333;
		font-weight: 400;
	}

	:root {
		--nut-card-left-background-color: #fff;
	}
</style>
<style lang="scss" scoped>
	.balance-info {
		// display: flex;
		// flex-direction: column;
		// align-items: center;
		padding: 20px;
		background-color: #5c9bff;
		color: white;
		border-radius: 10px;

		.balance {
			.yue {
				font-size: 12px;
			}

			.amount {

				margin-top: 10px;

				.money {
					margin-right: 5px;
					font-weight: bold;

				}

				.numb {
					font-size: 35px;
					font-weight: bold;
				}
			}
		}

		.commission {
			margin-top: 15px;
			margin-bottom: 15px;

			.commission-balance {
				.commission-balance1 {
					font-size: 14px;
					margin-right: 5px;
					font-weight: bold;
				}

				.mount {
					font-size: 14px;

					font-weight: bold;
				}
			}
		}

		.butt {
			display: flex;
			justify-content: flex-start;

			.recharge-btn {
				display: flex;
				justify-content: center;
				align-items: center;
				width: 100px;
				color: #5c98ff;
				padding: 8px 10px 8px 10px;
				background-color: white;
				border-radius: 60px;
			}
		}

	}




	.mine-detail {
		margin: 10rpx 0;
		justify-content: flex-start;
		display: flex;
		align-items: center;
		height: 150px;
		// background-color: red;

		>.per {
			display: flex;
			align-items: center;
			margin-left: 20px;
			margin-top: 40px;
			height: 100%;

			>.user-face {
				width: 100rpx;
				height: 100rpx;
			}

			>.user-info {
				font-weight: bold;
				margin-left: 20rpx;
			}

			.user-info-login {
				.name {
					// color: white;
					margin-left: 20px;
					font-weight: bold;
				}
			}
		}
	}

	.mine {
		padding: 32rpx 16rpx;
	}

	.min-recommend {
		background: #fff;
		padding: 16rpx;

		>.goods-item {
			margin: 10rpx 0;
		}
	}

	.icon {
		width: 50rpx;
		height: 50rpx;
		margin-bottom: 15rpx;
	}

	.flex {
		display: flex;
	}


	.mine-order,
	.mine-pin,
	.mine-tools {
		background: #fff;
		box-shadow: 6rpx 10rpx 24rpx rgba(126, 126, 126, 0.1);
		margin: 20rpx 0;
		border-radius: 24rpx;
		padding: 32rpx 16rpx;


	}

	.z_index2 {
		position: relative;
		z-index: 2;

	}

	.order {
		width: calc(100% - 50rpx);
		margin: 0 auto;
		background-color: #fff;
		border-radius: 20rpx;

		.order-title {
			box-sizing: border-box;
			padding: 0 20rpx;
			height: 80rpx;

			.order-title-icon {
				width: 24rpx;
				height: 24rpx;
			}
		}

		.order-list {
			padding: 4rpx 10rpx 20rpx 10rpx;
			width: 100%;
			margin-top: 10px;

			.order-item {

				height: 100rpx;


				.order-item-icon {
					position: relative;
					width: 60rpx;
					height: 60rpx;
					margin-bottom: 10rpx;

					.order-item-str {
						position: absolute;
						z-index: 3;
						right: -8rpx;
						top: -8rpx;
						box-sizing: border-box;
						border: 1px solid #fff;
						padding: 0 8rpx;
						height: 30rpx;
						border-radius: 15rpx;
						background-color: #FA2B1B;
					}
				}
			}
		}
	}


	.mine-order {



		>.order-message {
			padding: 16rpx;
			border-radius: 20rpx;
			background: #f3f5f7;
			align-items: center;
			margin-top: 20rpx;
		}

		>.operation-list {
			>.operation-item {
				flex: 1;
				display: flex;
				align-items: center;
				font-size: 24rpx;
				font-weight: 400;
				flex-direction: column;

			}
		}




	}

	.goods-image {
		border-radius: 20rpx;
		width: 100rpx;
		height: 100rpx;
	}

	.order-into {
		margin-left: 10rpx;
		font-size: 24rpx;
	}

	.tips {
		font-size: 24rpx;
		color: #999;
		letter-spacing: 2rpx;
		margin-top: 10rpx;
	}

	.mine-tools {
		flex-wrap: wrap;

	}

	.entry-item {
		gap: 0rpx 20rpx;
		width: 20%;
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		height: 150rpx;

		>.entry-item-icon {
			width: 68rpx;
			height: 68rpx;
			margin-bottom: 20rpx;

		}

		>.entry-item-label {
			font-size: 24rpx;
		}
	}

	.pin-item {
		flex: 1;
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;

		>.pin-item-value {
			font-size: 32rpx;
			margin-bottom: 20rpx;
			font-weight: 600;
		}

		>.pin-item-label {
			font-size: 24rpx;
			font-weight: 600;
		}
	}

	.badge {
		flex-direction: column;
		display: flex;
		align-items: center;
		justify-content: center;
	}


	.service-box {
		width: 100%;
		background-color: #FFFFFF;
		padding: 32rpx 30rpx 10rpx;
		box-shadow: 0 20rpx 20rpx 6rpx rgba(51, 51, 51, 0.1);
		box-sizing: border-box;

		.row {
			display: flex;
			flex-wrap: wrap;
			color: #919293;
			font-size: 14px;
			padding-bottom: -40rpx;

			.grid {
				margin-top: 5px;
				display: flex;
				flex-direction: column;
				justify-content: center;
				align-items: center;
				margin-bottom: 10px;
				width: 25%;
				position: relative;

				.image {
					.iconfont {
						font-size: 24px;
						color: #30a9ff;
					}

					image {
						width: 80rpx;
						height: 80rpx;
						margin-bottom: 20rpx;
					}
				}

				.text {
					font-size: 14px;
					margin-top: 14px;

				}

				.new-badage {
					width: 40rpx;
					height: 40rpx;
					position: absolute;
					top: 0;
					right: 30rpx;
				}
			}
		}
	}


	// ---------------以下代码是作者的公共css（部分）, 可通过npm i pan_css下载完整版 在app.vue中引入；这里就简化使用直接复制进来----------------
	.wh_100 {
		width: 100%;
		height: 100%;
	}

	.z_index2 {
		position: relative;
		z-index: 2;
	}

	.text_colour_red {
		color: #ff0000;
	}

	.text_colour_white {
		color: #fff;
	}

	.text_colour_0 {
		color: #000;
	}

	.text_colour_1 {
		color: #111;
	}

	.text_colour_2 {
		color: #222;
	}

	.text_colour_3 {
		color: #333;
	}

	.text_colour_4 {
		color: #444;
	}

	.text_colour_5 {
		color: #555;
	}

	.text_colour_6 {
		color: #666;
	}

	.text_colour_7 {
		color: #777;
	}

	.text_colour_8 {
		color: #888;
	}

	.text_colour_9 {
		color: #999;
	}

	.flex_r {
		display: flex;
		flex-direction: row;
	}

	.flex_c {
		display: flex;
		flex-direction: column;
	}

	.fj_b {
		justify-content: space-between;
	}

	.fj_a {
		justify-content: space-around;
	}

	.fj_c {
		justify-content: center;
	}

	.fa_c {
		align-items: center;
	}

	.flex_c_c {
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
	}

	.flex_r_c {
		display: flex;
		flex-direction: row;
		align-items: center;
		justify-content: center;
	}

	.flex1 {
		flex: 1;
	}

	.text_16 {
		font-size: 16rpx;
	}

	.text_17 {
		font-size: 17rpx;
	}

	.text_18 {
		font-size: 18rpx;
	}

	.text_19 {
		font-size: 19rpx;
	}

	.text_20 {
		font-size: 20rpx;
	}

	.text_21 {
		font-size: 21rpx;
	}

	.text_22 {
		font-size: 22rpx;
	}

	.text_23 {
		font-size: 23rpx;
	}

	.text_24 {
		font-size: 24rpx;
	}

	.text_25 {
		font-size: 25rpx;
	}

	.text_26 {
		font-size: 26rpx;
	}

	.text_27 {
		font-size: 27rpx;
	}

	.text_28 {
		font-size: 28rpx;
	}

	.text_29 {
		font-size: 29rpx;
	}

	.text_30 {
		font-size: 30rpx;
	}

	.text_31 {
		font-size: 31rpx;
	}

	.text_32 {
		font-size: 14px;
	}

	.text_33 {
		font-size: 33rpx;
	}

	.text_34 {
		font-size: 34rpx;
	}

	.text_35 {
		font-size: 35rpx;
	}

	.text_36 {
		font-size: 36rpx;
	}

	.text_37 {
		font-size: 37rpx;
	}

	.text_38 {
		font-size: 38rpx;
	}

	.text_39 {
		font-size: 39rpx;
	}

	.text_40 {
		font-size: 40rpx;
	}

	.text_41 {
		font-size: 41rpx;
	}

	.text_42 {
		font-size: 42rpx;
	}

	.text_43 {
		font-size: 43rpx;
	}

	.text_44 {
		font-size: 44rpx;
	}

	.text_45 {
		font-size: 45rpx;
	}

	.text_46 {
		font-size: 46rpx;
	}

	.text_weight_bold {
		font-weight: bold;
	}
</style>